<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<title>Riepilogo Viaggio</title>
	<link rel="stylesheet" type="text/css" href="../styles/style.css" />
</h:head>
<h:body>
<div id="container">
<div id="box">

<header class="banner">
<span id="titoloPagina"> È questo il tuo Sogno ? </span>
</header>

<div id="externalborder1">
<p:spacer height="40px" />

	<div id="externalborderTab"> 
	

	
		<p:spacer height="20px"/>
		<p:panel header="Hotel" style="text-align:center;">
			<p:dataTable  var="istanzaDTO" value="#{creaViaggio.hotel}" >
				<p:column headerText="Nome">  
	            	<h:outputText value="#{istanzaDTO.elemento.nome}" />  
	        	</p:column>
  
				<p:column headerText="Tipologia stanza">  
	            	<h:outputText value="#{istanzaDTO.elemento.multy}" />  
	        	</p:column>  		
  
	        	<p:column headerText="Data di arrivo">  
	            	<h:outputText value="#{istanzaDTO.dataInizio}" >  
                <f:convertDateTime pattern="dd/MM/yyyy HH:mm" />    
            </h:outputText>  
	        	</p:column>  
	  
	  			<p:column headerText="Data di partenza">  
	            	<h:outputText value="#{istanzaDTO.dataFine}" >  
                <f:convertDateTime pattern="dd/MM/yyyy HH:mm" />    
            </h:outputText>    
	        	</p:column>
	        	
	        	<p:column headerText="Prezzo">  
	            	<h:outputText value="#{istanzaDTO.prezzo}" />  
	        	</p:column>  
	        </p:dataTable>
	   </p:panel>
	   <p:spacer height="20px"/>
	   <p:panel header="Escursioni" style="text-align:center;">
			<p:dataTable  var="istanzaDTO" value="#{creaViaggio.escursioni}" id="escGrid" >
				<p:column headerText="Nome">  
	            	<h:outputText value="#{istanzaDTO.elemento.nome}" />  
	        	</p:column>
  
					
  
	        	<p:column headerText="Data di inizio">  
	            	<h:outputText value="#{istanzaDTO.dataInizio}" >  
                <f:convertDateTime pattern="dd/MM/yyyy HH:mm" />    
            </h:outputText>  
	        	</p:column>  
	  
	  			<p:column headerText="Data di fine">  
	            	<h:outputText value="#{istanzaDTO.dataFine}" >  
                <f:convertDateTime pattern="dd/MM/yyyy HH:mm" />    
            </h:outputText>    
	        	</p:column>
	        	
	        	<p:column headerText="Prezzo">  
	            	<h:outputText value="#{istanzaDTO.prezzo}" />  
	        	</p:column>  
	        </p:dataTable>
	   </p:panel>
	   <p:spacer height="20px"/>
	   <p:panel header="Voli" style="text-align:center;">
			<p:dataTable  var="istanzaDTO" value="#{creaViaggio.voli}" >
				<p:column headerText="Compagnia">  
	            	<h:outputText value="#{istanzaDTO.elemento.nome}" />  
	        	</p:column>
  
  				<p:column headerText="Partenza">  
	            	<h:outputText value="#{istanzaDTO.elemento.città}" />  
	        	</p:column>
  
				<p:column headerText="Destinazione">  
	            	<h:outputText value="#{istanzaDTO.elemento.multy}" />  
	        	</p:column>  		
  
	        	<p:column headerText="Data di partenza">  
	            	<h:outputText value="#{istanzaDTO.dataInizio}" >  
                <f:convertDateTime pattern="dd/MM/yyyy HH:mm" />    
            </h:outputText>  
	        	</p:column>  
	  
	  			<p:column headerText="Data di arrivo">  
	            	<h:outputText value="#{istanzaDTO.dataFine}" >  
                <f:convertDateTime pattern="dd/MM/yyyy HH:mm" />    
            </h:outputText>    
	        	</p:column>
	        	
	        	<p:column headerText="Prezzo">  
	            	<h:outputText value="#{istanzaDTO.prezzo}" />  
	        	</p:column>  
	        </p:dataTable>
	   </p:panel>
	   <p:spacer height="20px"/>
	   <h:form>
	  <div id="infoAgg">
	  <div id="prezzo" style="float: left">
	  	<h:outputLabel value="Sognatori: "/>
	<h:outputLabel value="#{creaViaggio.numeroPersone}"/><br/>
	
	<h:outputLabel value="Totale: "/>
	<h:outputLabel value="#{creaViaggio.getCosto()} €"/>
	</div>
	<div id="listaregalo" style="float: right">
	   <p:outputLabel for="gift" value="Lista regalo:" />  
        <p:selectBooleanButton id="gift" value="#{creaViaggio.listaRegalo}" onLabel="Abilitata" offLabel="Non Abilitata" />
        <p:spacer height="10px"/>
        	<p:commandButton value="Conferma" update="display" oncomplete="PF('dlg').show()" />  
		</div>
	</div>
	

  
    <p:dialog header="Selected Values" modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlg">  
        <h:panelGrid columns="1" id="display">  
            <h:outputText value="Lista regalo abilitata: #{creaViaggio.listaRegalo}" /> 
        </h:panelGrid>  
    </p:dialog> 
	
	</h:form>
	<p:spacer height="80px"/>
    
 	<h:form>
 	
 	 	<div id="columnBox" style="margin:0px auto; width:70%">
	
	<div id="column1" style="float:left; margin:0; width:33%;">
		<div id="registerButton">
<h:commandLink id="registerlink" action="#{creaViaggio.resetViaggio()}">
<div class="button" id="indietro">
Modifica il Sogno
</div>
</h:commandLink>
</div>
</div>

<div id="column2" style="float:left; margin:0;width:33%%;">
<div class="padder" id="padder">
</div>
</div>

<div id="column3" style="float:left; margin:0;width:33%;">
	<div id="registerButton">
<h:commandLink id="visualizzalink" action="#{creaViaggio.creaViaggio()}">
<div class="button" id="register">
Conferma il Sogno
</div>
</h:commandLink>
</div>

				</div>
				</div>
  		
  	</h:form>
	
	
	

         
</div>
</div>
</div>

<div id="push">
</div>
</div>

<div id="footer">
<h:button id="homepage" value="Homepage" outcome="index.xhtml"></h:button>
</div>
<!-- </div>
</div>
</div>-->
</h:body>
    
 
    
</html>